<!DOCTYPE  html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" class="x-admin-sm" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>作品详情页面</title>
    <header th:replace="header::html"></header>
    <link th:href="@{/css/stylepur.css}"  rel="stylesheet">
    <link th:href="@{/css/magiczoomplus.css}"  rel="stylesheet">
    <script type="text/javascript" th:src="@{/js/mzp-packed.js}"></script>


</head>
<body>
<!-- 代码开始 -->
<div class="box" style="width: 90%">

    <div class="left-pro">
        <div class="t1">
            <img src="/img/gotop.gif" id="gotop" />
            <div id="showArea">
                <a th:href="@{/img/img01.jpg}" rel="zoom1" th:rev="@{/img/img01.jpg}"><img th:src="@{/img/img01s.jpg}" /></a>
                <a th:href="@{/img/img02.jpg}" rel="zoom1" th:rev="@{/img/img02.jpg}"><img th:src="@{/img/img02s.jpg}" /></a>
                <a th:href="@{/img/img03.jpg}" rel="zoom1" th:rev="@{/img/img03.jpg}"><img th:src="@{/img/img03s.jpg}" /></a>
                <a th:href="@{/img/img01.jpg}" rel="zoom1" th:rev="@{/img/img01.jpg}"><img th:src="@{/img/img01s.jpg}" /></a>
                <a th:href="@{/img/img02.jpg}" rel="zoom1" th:rev="@{/img/img02.jpg}"><img th:src="@{/img/img02s.jpg}" /></a>
                <a th:href="@{/img/img03.jpg}" rel="zoom1" th:rev="@{/img/img03.jpg}"><img th:src="@{/img/img03s.jpg}" /></a>
                <a th:href="@{/img/img01.jpg}" rel="zoom1" th:rev="@{/img/img01.jpg}"><img th:src="@{/img/img01s.jpg}" /></a>
                <a th:href="@{/img/img02.jpg}" rel="zoom1" th:rev="@{/img/img02.jpg}"><img th:src="@{/img/img02s.jpg}" /></a>
            </div>
            <img th:src="@{/img/gobottom.gif}" id="gobottom"/>

        </div>


        <div class="t2">
            <a th:href="@{/img/img01.jpg}" id="zoom1" class="MagicZoom MagicThumb"><img th:src="@{/img/img01.jpg}" id="main_img" class="main_img" style="width:400px; height:400px;" /></a>

        </div>


    </div>
    <table>
        <tr>
            <td>
                <div>
                    <!--    标题-->
                    <h2 th:text="${work.wtitle}" style="font-weight: 100;font-size: 17px;line-height: 1.7;"></h2>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div>
                    <h2 style="font-weight: 100;font-size: 17px;line-height: 1.7;"><span>发布人:</span><span th:text="${work.wuseraccount}"></span></h2>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <!--    简介-->
                <div>
                    <h2 style="font-weight: 100;font-size: 17px;line-height: 1.7;"> <span th:text="${work.wcontent}" ></span>
                    </h2>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div>
                    <h2 style="font-weight: 100;font-size: 17px;line-height: 1.7;">发布时间：<span th:text="${work.wstarttime}"></span></h2>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <!--截止发布时间-->
                <div>
                    <h2 style="font-weight: 100;font-size: 17px;line-height: 1.7;">截止发布时间：<span th:text="${work.wendtime}"></span></h2>
                </div>
            </td>
        </tr>
        <tr>
            <td>

                <div>
                    <h2 style="font-weight: 100;font-size: 17px;line-height: 1.7;">价格：<span th:text="${work.wmoney}"></span></h2>
                </div>
            </td>
        </tr>

    </table>







</div>



</body>

<script type="text/javascript" src="/js/getElementById.js"></script>

</html>